import {
  getImage,
  getPage
} from '../../utils/config';
import api from '../../utils/api';
import {
  http,
  storage,
  promisify,
  $loading
} from '../../utils/utils';
import wxApi from '../../utils/wxApi';
const app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    logged: 0,
    navbar: {},
    window: {},
    hotTagsInfo: [],
    historyTags: [],
  },

  /**
   * 返回上一页
   */
  goBackTap() {
    wxApi.navigateBack(1);
  },

  /**
   * 获取热门词
   */
  getHotTagsInfo() {
    // http.get(api.default,{
    //     data: {
    //         action: 'gethotsearchkey'
    //     }
    // }).then((res) => {
    //     this.setData({
    //         hotTagsInfo: res.data.data
    //     })
    // })
  },

  /**
   * 清除搜索
   */
  clearSearch() {
    const that = this;
    wx.showModal({
      content: '确认删除全部历史记录',
      success(res) {
        if (res.confirm) {
          that.setData({
            historyTags: []
          });
          storage.set('historySearchFabu', []);
        }
      }
    })
  },

  /**
   * 搜索
   */
  submitSearch(e) {
    const keyword = e.detail;
    if (!keyword.match(/^\s*$/)) {
      var historyTags = [];;
      historyTags.push({
        tags: keyword
      });
      if (this.data.historyTags) {
        this.data.historyTags.forEach((item, index) => {
          historyTags.push(item);
        });
      }
      storage.set('historySearchFabu', historyTags);
      this.setData({
        historyTags: historyTags
      });
      //跳转搜索详细
      this.visitSearch(keyword);
    }
  },

  /**
   * 热搜/历史记录
   */
  searchClick(e) {
    const {
      tags
    } = e.currentTarget.dataset || e.target.dataset;
    this.setData({
      valueSearch: tags
    });
    //跳转搜索详细
    this.visitSearch(tags);
  },

  /**
   * 跳转搜索
   */
  visitSearch(data) {
    wx.navigateTo({
      url: `${getPage.xqlistresult}?keyword=${data}`,
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {

    //获取system信息
    promisify(wx.getSystemInfo)().then(res => {
      //获取右上角胶囊信息
      this.setData({
        navbar: wx.getMenuButtonBoundingClientRect(),
        window: res,
      })
    });

    //热门词
    //this.getHotTagsInfo();

    //最近搜索
    storage.get('historySearchFabu').then((res) => {
      this.setData({
        historyTags: res
      });
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  }
})